/*-------------------------------------------------------
	Some fixes
---------------------------------------------------------*/
html, body { height: 100%; }	/* guarantee 100% height */
#container { min-width: 1200px; height: 100%; } /* guarantee page not get messed up */
#container {  }

/*-------------------------------------------------------
	Site's typeface
---------------------------------------------------------*/
body { font-family: "Segoe UI", Tahoma, san-serif; }

/*-------------------------------------------------------
	Apply "Faux Columns" to make sidebar 100% height;
	URL: http://www.alistapart.com/articles/fauxcolumns/
---------------------------------------------------------*/
body { 
	background: url(images/cp/sidebar-bg.png) repeat-y left top;
}


/*=====================================
	HEADER
/*=====================================*/
#header { background: #fff url(images/cp/bar-bg.png) repeat-x; height: 85px; color: #fff; }
#branding { float: left; width: 123px; height: 66px; background: url(images/cp/bookez.png) no-repeat; margin: 3px 50px 0px; }

/*=====================================
	ADMINISTRATOR BAR
/*=====================================*/


#adminBar #nav li a { float: left; margin: 0 10px; padding: 0 10px; font-size: 15px; line-height: 85px; }
#adminBar #nav li a:hover,
#adminBar #nav li a.selected { background: url(images/cp/bar-rollover.png) repeat-x; color: #fff; }

#adminBar #adminProfile { float: right; width: 250px; }
#adminBar #adminProfile p { float: left; line-height: 20px; font-size: 13px; padding: 3px; border-bottom: 5px solid #99021A; border-top: 19px solid #99021A; }
#adminBar #adminProfile ul { list-style: none; float: left; }
#adminBar #adminProfile ul li a { display: block; line-height: 25px; font-size: 12px; margin: 0 5px; padding: 0 5px; }
#adminBar #adminProfile ul li a:hover { background: #99021A; }

#mainView { padding-bottom: 50px;}

/*=====================================
	SIDEBAR
/*=====================================*/
#sidebar { float: left; width: 230px; padding-top: 8px;}

#sidebar ul li a { display: block; height: 69px; margin-bottom: 3px; }
#sidebar ul li a {  font-size: 15px; font-weight: bold; color: #919191; }

#sidebar ul li a .label { height: 30px; margin-top: 30px; margin-left: 3px; float: left; }

#sidebar ul li a .icon { width: 50px; height: 50px; float: left; margin-left: 10px; margin-top: 6px; border: 3px solid #919191; }
#sidebar ul li a .icon { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;	}

#sidebar ul li a:hover { background-color: #c4c4c4; color: #494949; }
#sidebar ul li a:hover .icon { border-color: #494949; }

#sidebar ul li a.selected { width: 225px; height: 69px; background: url(images/cp/sidebar-selected.png) no-repeat; color: #d44; margin-left: 2px; }
#sidebar ul li a.selected { border: 3px solid #c1c1c1; border-right: 0px; border-bottom-left-radius: 16px; border-top-left-radius: 16px; }
#sidebar ul li a.selected .icon { 	border-color: #d55; }

#sidebar ul li a { cursor: pointer; }
#sidebar ul li a.selected { cursor: default; }

#sidebar #tripManagement .icon { background-image: url(images/cp/icons/tripIcon.png); }
#sidebar #busManagement .icon { background-image: url(images/cp/icons/busIcon.png); }
#sidebar #generalSettings .icon { background-image: url(images/cp/icons/settingsIcon.png); }

/*=====================================
	WORKSPACE
/*=====================================*/
#workspaceContainer { margin-left: 240px; }
#workspaceContainer { width: 800px; }

/*=====================================
	TABS
/*=====================================*/
.tabs { width: 790px; height: 47px; margin-top: 15px;}

.tabs  ul li a {
	float: left;
	height: 36px;
	margin: 0 5px;
	
	font-size: 13px;
	color: #666;
	
	padding: 10px 10px 0;
	text-align: center;
	
	border: 1px solid #d5dae4;
	border-bottom: 0;
	background: #EEF1F4;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.tabs ul li a { cursor: pointer; }
.tabs ul li a.selected { cursor: default; }

.tabs .selected {
	background-color: #fff;
	border-top-width: 3px;
	border-right-width: 3px;
	font-size: 18px;
	color: #059;
	margin-bottom: -2px;
}


/*=====================================
	PANELS
*=====================================*/
#editor { 
	border: 3px solid #d5dae4;
	border-top-width: 1px;
	border-left-width: 1px;
	min-height: 300px;
	overflow: auto;
}

.panel h1  { 
	font-size: 22px;
	padding-left: 20px;
	border-bottom: 8px #ddd solid;
	margin: 15px 20px;
}

/*=====================================
	MISC.
*=====================================*/

a.langButton {
	display: block;
	width: 200px;
	padding: 10px 25px;
	margin: 0 50px;
	background: #ddd;
	font-size: 15px;
	color: #666;	
}

a.langButton:hover {
	background: #d55;
	color: #fff;	
}

